<?php
include("Coneccion.php");
$link=conectarse();
	$id = $_GET['id'];
	$prev = $id-1;
	$sig = $id+1;
	$conexion = new mysqli('localhost', 'urbanizl_iut', 'iut', 'urbanizl_sd_cc_ar');
	$consulta = "SELECT titulo, descripcion, archivo FROM imagen WHERE id = $id";
	$resultado = $conexion->query($consulta);
	$fila = $resultado->fetch_array(MYSQLI_ASSOC);
	$consulta = "SELECT min(id) as minimo, max(id) as maximo FROM imagen";
	$resultado = $conexion->query($consulta);
	$datos = $resultado->fetch_array(MYSQLI_ASSOC);
?>
<HTML><HEAD>
<TITLE>Alberto Ravell</TITLE>
<style type="text/css">
<!--
.Estilo4 {	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.Estilo5 {color: #FF0000}
-->
</style>
<BODY text=#000000 vLink=#ff0000 aLink=#ff0000 link=#000000 bgColor=#ffffff 
topMargin=0 marginheight="0">
<style type="text/css">
ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
/* Para las letras*/
#nav a { 
	font-weight:  bold;
	color: #FFFFFF; /*red;*/
}
#nav a {
	text-decoration: none;
}
/*Letras de la lista*/
#nav li li a {
	display: block;
	font-weight: normal;
	color: #FFFFFF; /* #060;*/
	padding: 0.2em 10px;
}
#nav li li a:hover {
	padding: 0.2em 5px;
	border: 5px solid #000000; /*#7d6340;*/
	border-width: 0 5px;
}
li {
	float: left;
	position: relative;
	width: 10em;
	text-align: center;
	cursor: default;
	background-color: #FF0000; /* white;*/
	/*border: 1px solid #7d6340;
	border-width: 1px 0;*/
}
li#first {
	border-left-width: 1em;
}
li#last {
	border-right-width: 1em;
}
li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;

	font-weight: normal;
	background: url(images/ddbg3.gif) bottom left no-repeat;
	padding: 0.5em 0 1em 0;
	border-right: solid 1px #7d6340;
}
li>ul {
	top: auto;
	left: auto;
}
/* formato de la Lista*/
li li {
	display: block;
	float: none;
	background-color: #FF0000; /* transparent;*/
	border: 0;
}
li:hover ul, li.over ul {
	display: block;
}
hr {
	display: none;
}
</style>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/funciones.js"></script>
<TABLE height="100%" cellSpacing=3 cellPadding=0 width=549 align=center 
bgColor=#ffffff border=0>
  <TBODY>
  <TR>
    <TD vAlign=top width=543 bgColor=#ff0000 height="100%">
      <TABLE height="100%" cellSpacing=1 width=541 align=center border=0>
        <TBODY>
        <TR>
          <TD vAlign=top bgColor=#FFFFFF height="100%" width="537"><DIV align=center>
            <DIV align=center>
              <p><span class="Estilo4">Galer&iacute;a de Im&aacute;genes </span></p>
                <p><span class="Estilo5">_____________________________________________________</span></p>
              </DIV>
            <TABLE height="100" cellSpacing=5 width=546 align=center 
            bgColor=#FFFFFF border=0>
              <TBODY>
              <TR>
                <TD width=533 bgColor=#FFFFFF height=81><div align="justify" class="Estilo2">
                  <FORM NAME="form1" METHOD="post">
                    <div id="contenedor">
                      <?php 
			if($id != $datos['minimo']) {?><a  href="visor.php?id=<?php 
			$control=1;
			while($control==1)
				{
				$temporal=mysql_query("SELECT * FROM imagen WHERE id=$prev",$link);	
				$registro=mysql_fetch_array ($temporal);
				$nomb= $registro["archivo"];
				if ($nomb=="") 
					 {
					 $prev=$prev-1;
					 }
				else {
					 echo $prev;
					 $control=2;
					 }
				}?>"><img src="img/back.png" width="55" height="43" /></a><?php }
			else {
		?>
                      <img src="img/block.png" alt="Primera imagen" width="55" height="43" />
                      <?php }?>
                      <img id="imgcompleta" src="img/<?php echo $fila['archivo']; ?>" alt="<?php echo $fila['descripcion'];?>" />
                      <?php if($id != $datos['maximo']){?><a  href="visor.php?id=<?php 
					  $control=1;
			while($control==1)
				{
				$temporal=mysql_query("SELECT * FROM imagen WHERE id=$sig",$link);	
				$registro=mysql_fetch_array ($temporal);
				$nomb= $registro["archivo"];
				if ($nomb=="") 
					 {
					 $sig=$sig+1;
					 }
				else {
					 echo $sig;
					 $control=2;
					 }
				}
					   ?>"><img src="img/next.png" width="55" height="43" /></a><?php }
			else {
		?><img src="img/block.png"  alt="&Uacute;ltima imagen" width="55" height="43" /><?php }?>
                      <div id="masinfo">
                        <h4>Informaci&oacute;n de la imagen <a href="#"><img src="img/add.png" alt="M&aacute;s informaci&oacute;n" /></a></h4>
                      </div>
                      <div id="info">
                        <p>T&iacute;tulo: <?php echo $fila['titulo'];?></p>
                        <p>Descripci&oacute;n: <?php echo $fila['descripcion'];?></p>
                      </div>
                    </div>
                    <div id="galeria-small">
                      <h3 align="center" class="Estilo5">Otras Im&aacute;genes</h3>
                      <?php 
			$cons = "SELECT id, titulo, descripcion, archivo FROM imagen";
			$res = $conexion->query($cons);
			while($filas = $res->fetch_array(MYSQLI_ASSOC)) {
		?>
                      <a href="visor.php?id=<?php echo $filas['id']; ?>"><img src="img/t-<?php echo $filas['archivo']; ?>" alt="imagen" /></a>
                      <?php } 
		?>
                    </div>
                    <p align = "center">&nbsp;</p>	
				  <INPUT TYPE="hidden" NAME="id" VALUE="">
                </form></TD>
              </TR>
              </TBODY></TABLE>
            </DIV></TD></TR></TBODY></TABLE></TD>
</TR></TBODY></TABLE>
</BODY></HTML>